<template>
	<view>
		<view class="h2">等待支付，剩余20:34</view>
	    <view class="yuyue">
	        <view class="ul">
	            <view class="li">
	                <text class="name">小二 15809282910</text>
	            <view class="line"></view>
	            <text>体检机构：【慈铭】广州体育中心体检中心</text>
	            <text>体检时间： 2022-04-12</text>
	            <text>预约单号：1009</text>
	        </view>
	        <view class="li">
	                <text class="name">订单号：2343422</text>
	           
	            <view class="line"></view>
	            <view class="left">
	                <text>老年人体检套餐豪华版（女）</text>
	                <text>脑部CT</text>
	                <text>心电图</text>
	                <text class="total">合计</text>
	            </view> 
	            <view class="right">
	                <text>￥998></text>
	                <text>￥300></text>
	                <text>￥99></text>
	                <text class="total">￥1397></text>
	            </view> 
	        </view>
	        <view class="li">
	                <text class="name">订单号：2343455</text>
	           
	            <view class="line"></view>
	            <view class="left">
	                <text>肝功三项）</text>
	                <text class="total">合计</text>
	            </view> 
	            <view class="bottom-right">
	                <text>￥80></text>
	                <text class="total">￥80></text>
	            </view> 
	        </view>
	    </view>
	    <view class="btn">
	        <view class="btn-left">取消订单</view>
	        <view class="btn-right">去支付</view>
	    </view>
	    
	</view>
	</view>
	

</template>

<script>
</script>

<style>
	.h2{
	    height:100rpx;
	    background-color: #fff;
	    line-height: 100rpx;
	    padding-left: 25rpx;
	    font-size: 30rpx;
	    width:710rpx;
	    margin:0 auto;
	    display: block;
	    box-sizing: border-box;
	}
	.li{
	    width:710rpx;
	    margin:25rpx auto;
	    background-color: #fff;
	
	}
	.name{
	    font-size: 26rpx;
	    font-weight: 700;
	    line-height: 80rpx;
	    margin-right:20rpx;
	    margin-left:25rpx;
	}
	.line{
	    height:1px;
	    width:710rpx;
	    background-color: rgb(247, 247, 247);
	}
	.time{
	    font-size: 26rpx;
	    line-height: 85rpx; 
	    display: block;
	    margin-left:25rpx;
	}
	text{
	    display: block;
	    margin-left:25rpx;
	    font-size: 26rpx;
	    border-bottom:1rpx solid rgb(247, 247, 247) ;
	    line-height: 85rpx;
	}
	.right{
	    margin-top: -350rpx;
	    margin-left:570rpx;
	}
	.bottom-right{
	    margin-top:-175rpx;
	    margin-left:570rpx;
	}
	.total{
	    color:rgb(255, 111, 15);
	}
	.btn-left{
	    width:355rpx;
	    background-color: #fff;
	    float:left;
	    margin-left: 20rpx;
	    text-align: center;
	    line-height: 80rpx;
	    color: rgb(89, 181, 141);
	    border-bottom-left-radius: 40rpx;
	}
	.btn-right{
	    width:355rpx;
	    background-color: rgb(89, 181, 141);
	    float: right;
	    margin-right: 20rpx;
	    text-align: center;
	    line-height: 80rpx;
	    color:#fff;
	    border-bottom-right-radius: 40rpx;
	}
</style>
